<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
	   <title>${sys_systemName}</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta charset="utf-8" />
		<meta name="description" content="overview &amp; stats" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
		<%@ include file="/WEB-INF/views/jsp/includes/fw/core/include_taglib_core.jsp"%>
		<%@ include file="/WEB-INF/views/jsp/includes/include_taglib_auth.jsp"%>
		<c:set var="acePath" value="${plugin}/ace" />
		<c:set var="_para" value="_s=${sessionScope._s}" />
		<script type="text/javascript">
		var acePath = "${acePath}", _para = "${_para}" 
		 ;
		 window.global = window.global || {};
		 window.global.acePath = "${acePath}";
		 window.global.para = "${_para}";
		</script>
		<!-- bootstrap & fontawesome -->
		<link rel="stylesheet" href="${plugin}/bootstrap/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" href="${plugin}/fontawesome/css/font-awesome.min.css" />
		<!-- text fonts -->
		<link rel="stylesheet" href="${plugin}/fonts/fonts.googleapis.com.css" />
		<link rel="stylesheet" href="${ctx}/static/css/login.css" />
		<!-- HTML5shiv and Respond.js for IE8 to support HTML5 elements and media queries -->
		<!--[if lte IE 8]>
			<script src="${acePath}/assets/js/html5shiv.min.js"></script>
			<script src="${acePath}/assets/js/respond.min.js"></script>
		<![endif]-->
		<link rel="stylesheet" href="${plugin}/form/jQuery-Validation-Engine/css/validationEngine.jquery.css" type="text/css"/>
		<link rel="stylesheet" href="${plugin}/form/jQuery-Validation-Engine/css/template.css" type="text/css"/>
		<link rel="stylesheet" href="${plugin}/tool/icheck/skins/square/blue.css" rel="stylesheet" />
		<link rel="stylesheet" href="${ctx}/static/fw/css/common.css"></script>
    <script type="text/javascript">
    if (top.location != location)  
    {  
    	top.location.href = location.href;  
    }  
    </script>
</head>
<body class="login-layout light-login login-page">
<center>
<div class="main-container" style="margin-top: 5%;margin-bottom: 5%">
  <div class="main-content">
    <div class="row">
      <div class="col-sm-10 col-sm-offset-1">
          <div class="center">
            <h1 id="id-text2" class="grey">
              <i class="ace-icon fa "></i>
                         ${sys_systemName}
            </h1>
          </div>
          <div class="space-6"></div>
          <br>
      <div class="jumbotron">
        <div class="login-container">
          <div class="position-relative">
	            <div id="login-box" class="login-box visible widget-box no-border">
	              <div class="widget-body">
		              <div id="showErrMsg" val="${error}" class="hide alert alert-danger alert-dismissible" role="alert" id="errMsgContiner">
						  <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
						  <div>${error}</div>
					  </div>
			           <div class="widget-main">
						 <form id='beanForm' class="form-horizontal"  action="${ctx}/auth/login?${_para}" method="post" onsubmit="return validate_login_form(this)">
			                  <h4 class="header blue lighter bigger">
			                    <i class="ace-icon fa "></i>
			                	    用户登录
			                  </h4>
			                  <div class="space-6"></div>
			                  <div class="input-group input-group-sx">
										<span class="input-group-addon">
											<i class="fa fa-user" style="width:15px;"></i>
										</span>
										<input type="text" name="username" value="${default_login_username}" class="form-control" placeholder="用户名/邮箱">
								</div>
								<br>
								<div class="input-group input-group-sx">
										<span class="input-group-addon">
											<i class="fa fa-unlock-alt" style="width:15px;"></i>
										</span>
										<input type="password" name="password" value="${default_login_password}"  class="form-control" placeholder="密码">
								</div>
								<c:if test="${sessionScope.ShowCAPTCHA=='true'}">
								<br>
								<div class="input-group input-group-sx">
										<span class="input-group-addon">
											<i class="fa fa-picture-o" style="width:15px;"></i>
										</span>
											<input type="text" name="captcha" value="${default_login_captcha}" style="width: 60%;"  class="form-control pull-left" placeholder="验证码">
											<img title="点击更换验证码" width="40%" height="34px" class="pull-right captcha-img" id="randCodeImage"  src="${ctx}/auth/jcaptcha.jpg?w=99&h=31&${_para}" 
											onclick="this.src = '${ctx}/auth/jcaptcha.jpg?w=99&h=32&v=' + Math.random()+'&${_para}'" 
											  />
								</div>  
								</c:if>
								<div class="input-group input-group-sx col-sm-12" >
								<c:if test="${sessionScope.enableAutoLogin}">
										<span class="inline pull-right col-sm-5" style="margin-top: 10px;margin-left: 10px;padding-left: 0px">
											<input type="checkbox" name="autoLogin" />2周内自动登录
										</span>
								</c:if>
								</div>
								
			                      <div class="space"></div>
			                      <div class="clearfix">
										<button type="submit" id="but_login" style="width: 100%;margin-top: 10px;margin-bottom: 10px;"  class="width-35 pull-right btn btn-sm btn-primary">
											<i class="ace-icon fa fa-key"></i>
											<span class="bigger-110">登录</span>
										</button>
									</div>
			                      <div class="space-4"></div>
			                     </div>
			                  </form>
			                </div>
			                <div class="login-links">
				              		<%-- <c:if test="${applicationScope['sys_password_back_open']}"> --%>
									   <a href="${ctx}/auth/retrieve/password" title="点击找回密码" tabindex="6" class="forget-pwd">
										忘记密码</a>
				              	   <%--  </c:if>--%>
									<c:if test="${applicationScope['sys_register_open']}">
										<a href="${ctx}/auth/toregister" title="注册账号" class="user-signup-link">
											还没有账号？
										</a>
					               </c:if>
						   </div>
	              </div>
	            </div><!-- /.login-box -->
              </div><!-- /.position-relative -->
            </div>
          </div>
        </div>
      </div>
    </div>
    </center>
     <div class="footer navbar navbar-default navbar-fixed-bottom">
	<div class="footer-inner">
		<div class="footer-content">
			<span class="bigger-120">
				Copyright &copy; ${sys_copyright_year}
				<span class="blue bolder copyright" style="margin-left:2px">${sys_copyright}</span>.
				All rights reserved. 
			</span>
		</div>
	</div>
</div>
<!--[if !IE]> -->
<script src="${plugin}/jquery/2/jquery-2.1.1.min.js"></script>
<!-- <![endif]-->
<!--[if IE]>
<script src="${plugin}/jquery/js/jquery.1.11.1.min.js"></script>
<![endif]-->
<script src="${plugin}/tool/scriptjs/dist/script.js"></script>
 <script src="${plugin}/bootstrap/dist/js/bootstrap.min.js"></script>
<script src="${plugin}/form/jQuery-Validation-Engine/js/languages/jquery.validationEngine-zh_CN.js"></script>
<script src="${plugin}/form/jQuery-Validation-Engine/js/jquery.validationEngine.js"></script>
<script type="text/javascript" src="${plugin}/crypt/cryptoJS/components/core.js"></script>
<script type="text/javascript" src="${plugin}/crypt/cryptoJS/components/md5.js"></script>
<script type="text/javascript" src="${plugin}/crypt/cryptoJS/rollups/aes.js"></script>
<script type="text/javascript" src="${plugin}/crypt/cryptoJS/components/pad-iso10126-min.js"></script>
 <script type="text/javascript" src="${plugin}/tool/icheck/icheck.min.js"></script>
<script type="text/javascript">
    var aesKey = "${sessionScope.id}"; 
</script>
<script type="text/javascript" src="${ctx}/static/js/common/login.js"></script>
</body>
</html>